<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .el-header {
        background-color: #B3C0D1;
        color: #333;
        line-height: 60px;
    }

    .el-aside {
        background-color: #D3DCE6;
        color: #333;
        /*text-align: center;*/
        line-height: 900px;
    }
    /*.el-main {*/
    /*    background-color: #E9EEF3;*/
    /*    color: #333;*/
    /*    text-align: center;*/
    /*    line-height: 900px;*/
    /*}*/

</style>

<body>

<div id="app">
    <el-container style="height: 900px; border: 1px solid #eee">
        <el-header style="text-align: right; font-size: 12px">Header</el-header>
        <el-container>
            <el-aside el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                <el-menu  v-for="side in sides">
                    <el-menu-item @click="onTo(side)">
                        <div>
                            {{side.name}}
                        </div>
                    </el-menu-item>

                </el-menu>
            </el-aside>

                <iframe width="100%" height="auto" :src="this.mainSrc"
                ></iframe>


        </el-container>
    </el-container>


</div>


<script src="../js/vue.js"></script>
<script src="../element-ui/lib/index.js"></script>
<link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">
<script src="../js/axios-0.18.0.js"></script>

<script>
    new Vue({
        el: "#app",

        data() {
            return {
                mainSrc:"",
                sides:[
                    {
                        name:'查看坐诊信息',
                        url:"userLogin.html"
                    },
                    {
                        name:'查看预约信息',
                        url:"www.baidu.com"
                    },
                    {
                        name:'查看个人信息',
                        url:"www.baidu.com"
                    },
                    {
                        name:'查看信息',
                        url:"www.baidu.com"
                    },
                ]


            }

        },
        mounted() {

        },
        methods: {
            onTo(side){
                console.log(11111)
                this.mainSrc = side.url;
                console.log(this.mainSrc)
            }
        },

    })

</script>
</body>
</html>